        <div id="PeopleTableContainer"></div>
        <script type="text/javascript">
        
            //Prepare jTable
            $(document).ready(function () {
                $('#PeopleTableContainer').jtable({
                    title: 'Danh sách các dự án:',
                    paging: true,
                    pageSize: 5,
                    sorting: true,
                    defaultSorting: 'TenDuAn DESC',
                    actions: {
                        listAction: '<?php echo base_url('admin/quanlyduan/hienThiDanhSachDuAn?id='. $id); ?>',
                        createAction: '<?php echo base_url('admin/quanlyduan/themDuAn'); ?>',
                        updateAction: '<?php echo base_url('admin/quanlyduan/suaDuAn'); ?>',
                        deleteAction: '<?php echo base_url('admin/quanlyduan/xoaDuAn'); ?>'
                    },
                    fields: {
                        MaDuAn: {
                            key: true,
                            create: false,
                            edit: false,
                            list: false
                        },
                        TenDuAn: {
                            title: 'Tên dự án',
                            width: '13%',
                            display: function (data) {
                                var $link = $('<a href="<?php echo base_url('admin/quanlyduan/listNhanVienDuAn?MaDuAn='); ?>'+data.record.MaDuAn+'" style="text-decoration: none;">'+data.record.TenDuAn+'</a>');
                                return $link;
                            }
                            
                        },
                        NgayBatDau: {
                            title: 'Ngày bắt đầu',
                            width: '10%',
                            type: 'date'
                        },
                        NgayDuKienKetThuc: {
                            title: 'Ngày dự kiến kết thúc',
                            width: '20%',
                            type: 'date'
                        },
                        NgayKetThuc: {
                            title: 'Ngày kết thúc',
                            width: '15%',
                            type: 'date'
                        },
                        MaLoaiDuAn: {
                            title: 'Loại dự án',
                            width: '10%',
                            options: '<?php echo base_url("/admin/quanlyduan/loaiduan"); ?>',
                        },
                        MaTrangThai: {
                            title: 'Trạng thái',
                            width: '10%',
                            options: '<?php echo base_url("/admin/quanlyduan/trangthai"); ?>',
                        }
                    }
                });
                
                //Load duan list from server
                $('#PeopleTableContainer').jtable('load');
            });

        </script>